<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../css/insa.css" />
<link rel="stylesheet" type="text/css" href="../css/button.css">
<title>SK43 TokTok Project</title>
<script type="text/javascript">

function open_base_info_layer(){
	document.getElementById('base_info').style.display = 'block';
	document.getElementById('extra_info').style.display = 'none';
}

function open_extra_info_layer(){
	document.getElementById('extra_info').style.display = 'block';
	document.getElementById('base_info').style.display = 'none';
}

function getIdItem(){
	var t_date = document.register.hiredate.value;
	var t_value = t_date.split('-'); 
	var temp = t_value[0].substr(2,3)+t_value[1];
	document.register.emp_id.value = temp ;
}

function check(){
	getIdItem();
	document.register.submit();
}


</script>
</head>
 
<body>
<table  width="1024" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td style="height:80px">
			<!-- 상단 메뉴 페이지 포함 -->
			<jsp:include page="../include/top.jsp"></jsp:include>
		</td>
	</tr>
	<tr>
		<td style="height:600px" valign="top">
			<!-- 본페이지 시작 -->
			<form name="register" method="Post" action="./register.do">
			<table>
				<tr>
					<td>
						<!-- 레이어구분 -->
						<table>
							<tr>
								<tBody id="Btn6">
								<td>
								<a name="save" onclick="open_base_info_layer()"><span>기본사항 입력 </span></a>
								<a name="extra_info" onclick="open_extra_info_layer()"><span>추가사항 입력 </span></a>
								</td>
								</tBody>
							</tr>
						</table>
						
						
						<div id="base_info" ><!-- 추가인적사항 레이어 시작 -->
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 기본 사항</h4>  
						<table class="baseTbl baseinfo1" summary="기본사항" border="1">
							<tr>
								<th class="title"><label for="knameid">이름</label> <span class="essential">*</span></th>
								<td class="txt">
									<input name="employee_kname" type="text" size="13" size="33" class="text" value="조인성"/>
								</td>
							</tr>
							<tr>
								<th class="title"><label for="enameid">영문명</label> <span class="essential">*</span></th>
								<td class="txt"><input name="employee_ename" type="text" size="33" class="text" value="CHO IN SUNG"></td>
							</tr>
							<tr>
								<th class="title"><label for="jumin1Tempid">주민등록번호</label> <span class="essential">*</span></th>
								<td class="txt"><input type="text" name="ssn1" maxlength=6 size="14" class="text" value="821010"> - 
												<input type="password" name="ssn2" maxlength=7 size="14" class="text" value="1234567"></td>
							</tr>
							<tr>
								<th class="title"><label for="gender">성별</label> <span class="essential">*</span></th>
								<td class="txt">
									<input type="radio" name=gender value="남자" checked>남자
									<input type="radio" name=gender value="여자">여자
								</td>
							</tr>
							<tr>
								<th class="title">생년월일 <span class="essential">*</span></th>
								<td class="txt">
									<input type="text" name="birthday" size="33" class="text"  value="1982-10-10"/>
									<span class="exp">예) 1977-03-06</span>
								</td>
							</tr>
							<tr>
								<th class="title"><label for="handTel1id">핸드폰</label> <span class="essential">*</span></th>
								<td class="txt">
									<input type="text" name=phonecel maxlength="20"  filter="[0-9]" style="ime-mode:disabled" size="33" class="text"  value="010-2484-5845"/>
									<span class="exp">예) 010-1245-6789</span>
								</td>
							</tr>
							<tr>
								<th class="title"><label for="silTelid">내선전화</label> <span class="essential">*</span></th>
								<td class="txt">
									<input type="text" name=phonecompany  maxlength=20 size="33" class="text"  value="02-7645-5785" />
									<span class="exp">예) 02-111-2222</span>
								</td>
							</tr>
							<tr>
								<th class="title"><label for="emailid">이메일</label> <span class="essential">*</span></th>
								
								<td class="txt">
									<input id="email" type="text" name=email maxlength="40" size="33" class="text"  value="insung@hanmail.net" />
								</td>
							</tr>
							<tr>
								<th class="title"><label for="silPostNoid">주소</label> <span class="essential">*</span></th>
								<td class="txt">
										<input type="text" maxlength=13 name="postalcode" size="10" class="text"  value="120-320" />
										<span class="exp">우편번호) 302-232</span> 
									<div class="txtImgNextInput"><input type="text" name="address" maxlength="60" size="66" class="text"  value="서울시 가락동"/></div>
								</td>
							</tr>
							<tr>
								<th class="title">직  급 </th>
								<td class="txt">
									<input type="text" name="position" size="33" class="text"  value="청소부" />
								</td>
							</tr>
							<tr>
								<th class="title">입사일 </th>
								<td class="txt">
									<input type="text" name="hiredate" size="33" class="text"  value="2010-01-01" />
									<input type="hidden" name="emp_id" size="33" class="text"  />
								</td>
							</tr>
							<tr>
								<th class="title">퇴사일</th>
								<td class="txt">
									<input type="text" name="retiredate" size="33" class="text" value="2050-12-31"/>
								</td>
							</tr>
							
						</table>
						
						
						
						
						</div><!-- 기본적사항 레이어 종료 -->
						<div id="extra_info" style="display:none"><!-- 추가인적사항 레이어 시작 -->
						
						
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 학력사항 </h4>  
						<table class="baseTbl baseinfo1" summary="학력사항" border="1">
							<tr>
								<th class="title">구분 </th>
								<th class="title">학교명</th>
								<th class="title">입학날짜</th>
								<th class="title">졸업날짜</th>
								<th class="title">전공</th>
								<th class="title">학점</th>
							</tr>
							
							<c:forEach var="cnt" begin="0" end="1" step="1">
							<tr>
								<td class="txt" align="center">
									<select name="school_type">
										<option value="" selected>선택하세요</option>
										<option value="고등학교" >고등학교</option>
										<option value="전문대학">전문대학</option>
										<option value="대학">대학</option>
										<option value="석사">석사</option>
										<option value="박사">박사</option>
									</select>
								</td>
								<td class="txt"><input type="text" name="school_name" maxlength=6 size="20" class="text" value="공사중학교"></td>
								<td class="txt"><input type="text" name="start_date" size="10" class="text" value="1997-03-01"></td> 
								<td class="txt"><input type="text" name="end_date" size="10" class="text" value="1999-02-28"></td>
								<td class="txt"><input type="text" name="major_code" maxlength=6 size="20" class="text" value="미화"></td>
								<td class="txt"><input type="text" name="final_score" maxlength=6 size="20" class="text" value="1.9"></td>
							</tr>
							</c:forEach>
						</table>
						
						
						
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 보훈/병력 </h4>  
						<table class="baseTbl baseinfo1" summary="보훈/병력" border="1">
							<tr>
								<th class="title" width=20>병역필여부</th>
								<td class="txt" >
									<select name="military_type">
										<option value="" selected>해당없음</option>
										<option value="현역필">현역필</option>
										<option value="장교필">장교필</option>										
										<option value="방위필">방위필</option>										
										<option value="미필">미필</option>										
										<option value="특례">특례</option>										
										<option value="의가사">의가서</option>										
										<option value="면제">면제</option>										
									</select>
								</td>
							</tr>
							
							<tr>
								<th class="title">복무기간</th>
								<td class="txt" ><input name="military_startdate" type="text" size="17" class="text" value="2008-02-25"> ~
												<input name="military_enddate" type="text" size="17" class="text" value="2010-01-17">	
								</td>
							</tr>
						</table>
						
						
						
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 외국어사항 </h4>  
						<table class="baseTbl baseinfo1" summary="경력사항" border="1">
							<tr>
								<th class="title">외국어종류</th>
								<th class="title">외국어시험명 </th>
								<th class="title">시험일자</th>
								<th class="title">점수/등급</th>
							</tr>
							<c:forEach var="cnt" begin="0" end="2" step="1">
							<tr>
								<td class="txt" align="center">
									<!-- 코드에서 받아와서 넘겨줌 임시데이터 입력 -->
									<select name="language_type">
										<option value="" selected>선택하세요</option>
										<option value="영어">영어</option>
										<option value="한국어">한국어</option>
										<option value="일본어">일본어</option>
										<option value="중국어">중국어</option>
										<option value="기타">기타</option>
									</select>
								</td>
								<td class="txt" align="center">
									<!-- 코드에서 받아와서 넘겨줌 임시데이터 입력 -->
									<select name="test_name">
										<option value="" selected>선택하세요</option>
										<option value="TOEIC">TOEIC</option>
										<option value="TOFLE">TOFLE</option>
										<option value="TEPS">TEPS</option>
										<option value="OPIC">OPIC</option>
										<option value="TOEIC SPEAKING">TOEIC SPEAKING</option>
										<option value="JST">JST</option>
										<option value="HSK">HSK</option>
										<option value="기타">기타</option>
									</select>
								</td>
								<td class="txt"><input type="text" name="test_date" maxlength=10 size="20" class="text" value="2010-05-05"></td>
								<td class="txt"><input type="text" name="test_score" maxlength=10 size="20" class="text" value="NH"></td>
							</tr>
							</c:forEach>
						</table>
						
							
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 자격사항 </h4>  
						<table class="baseTbl baseinfo1" summary="자격사항" border="1">
							<tr>
								<th class="title">자격증명</th>
								<th class="title">취득일 </th>
								<th class="title">발급기관</th>
							</tr>
							<c:forEach var="cnt" begin="0" end="3" step="1">
							<tr>
								<td class="txt"><input type="text" name="license_name" maxlength=10 size="20" class="text" value="워드3급"></td>
								<td class="txt"><input type="text" name="issued_date" maxlength=10 size="20" class="text" value="2004-06-06"></td>
								<td class="txt"><input type="text" name="issued_office" maxlength=10 size="20" class="text" value="인력공단"></td>
							</tr>
							</c:forEach>
						</table>
						
						<!-- 가족정보 기록 테이블 -->
						<h4 style="margin:20px 0 8px;"><img src="../images/baseinfo.gif"> 가족사항 </h4>  
						<table class="baseTbl baseinfo1" summary="가족사항" border="1">
							<tr>
								<th class="title">관계</th>
								<th class="title">이름 </th>
								<th class="title">나이</th>
								<th class="title">동거여부</th>
							</tr>
							<c:forEach var="cnt" begin="0" end="4" step="1">
							<tr>
								<td class="txt"><input type="text" name="relation" maxlength=6 size="20" class="text" value="아빠"></td>
								<td class="txt"><input type="text" name="family_name" maxlength=6 size="20" class="text" value="조문근"></td>
								<td class="txt"><input type="text" name="age" maxlength=6 size="20" class="text" value="57"></td>
								<td class="txt"><input type="text" name="state" maxlength=6 size="20" class="text" value="동거"></td>
							</tr>
							</c:forEach>
						</table>
					
					</div><!-- 추가인적사항 레이어 종료 -->		
						
					</td>
				</tr>
			</table>
			<input type="button" value="등록하기" onclick="check()">
			</form>
			
		</td>
	</tr>
	<!-- 본페이지 끝-->
	<!-- 하단 페이지 시작-->
	<tr>
		<td style="height:40px">
			<!-- 상단 메뉴 페이지 포함 -->
			<jsp:include page="../include/bottom.jsp"></jsp:include>
		</td>
	</tr>
	
</table>

</body>
</html>